<style>
  .table-list .tr-one {
      background: #dde1ef;
      height: 30px;
      line-height: 30px;  
      width: 100%;   
  }
  .table-list .tr-two {
      width: 100%;   
      height: 30px;
      line-height: 30px;  
  }
  .table-list .tr-two td {
      padding-left: 10px; 
  }
  .table-list  table {
      width: 100%;
  }
</style>
<table class="table table-hover table-list">
     <volist name="data" id="vo">
		<tr >
		<td>
		<span style="color:#1baedb;font-size:20px">{$vo.remark}</span>&nbsp;
		<b>[</b><a class="btn  btn-xs" href="__CONTROLLER__/add/pid/{$vo.id}/level/2">添加控制器</a><b>][</b><a class="btn  btn-xs" href="__CONTROLLER__/modify/id/{$vo.id}">修改</a><b>]&nbsp;[</b><a class="btn  btn-xs actionds" data-action-id="{$vo.id}" data-action-txt="移除中……" data-action-url="__CONTROLLER__/remove">移除</a><b>]</b>
	   </td>
	   </tr>
	   <tr>
	   <td class="no-hidden">
	   <table>
	   <foreach name="vo.child" item="v">
	   <tr class='tr-one'>
	   <td style="background:#d6dee3"><span style="color:#1b9adb;font-size:16px;margin-left:10px;">{$v.remark}</span>
	   &nbsp;[<a class="btn  btn-xs" href="__CONTROLLER__/modify/id/{$v.id}">修改</a>]&nbsp;[<a class="btn  btn-xs actionds" data-action-id="{$v.id}" data-action-txt="移除中……" data-action-url="__CONTROLLER__/remove">移除</a>]&nbsp;
	    &nbsp;[<a class="btn  btn-xs" href="__CONTROLLER__/add/pid/{$v.id}/level/3">添加方法</a>]
	   </td>
	   </tr>
	   <tr class='tr-two'>
	   <td>
	   <foreach name="v.child" item="i">
	     <div style="display:inline-block;margin-right:20px;">
	      <div style="display:inline-block;"><span>{$i.remark}</span> &nbsp;[<a class="btn  btn-xs" href="__CONTROLLER__/modify/id/{$i.id}">修改</a>]&nbsp;[<a class="btn  btn-xs actionds" data-action-id="{$i.id}" data-action-txt="移除中……" data-action-url="__CONTROLLER__/remove">移除</a>]&nbsp;</div>
	     </div>  
	   </foreach>
	    </td>
	   </tr>
	 
	   
	   
	   </foreach>
	   
	   
	   </table>
	   </td>
	   
	   </tr>
		</volist>

</table>
<div class="pagination">{$pagination}</div>